<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>属性绑定</title>
    <script src="js/vue.min.js"></script>
</head>
<body>
<div>
<!--    {{msg}}-->
<!--  :属性名-"变量"让某个属性的值和变量进行绑定  -->
    <input type="text" :value="msg">
        <!--  属性绑定复杂写法,如果没有安装Vue插件会报错,在错误上alt+回车进行修复  -->
    <input type="text" v-bind:value="msg">
    <a :href="url">超连接</a>
    <img :src="imgUrl" alt="">
</div>
<script>
    let v= new Vue({
        el:"body>div",
        data:{
            msg:"属性绑定测试",
            url:"http://www.baidu.com",
            imgUrl:"https://tse1-mm.cn.bing.net/th/id/OIP-C.bVb769JBdzVZYuksxZ2Y-AHaEo?pid=ImgDet&rs=1"
        }
    })
</script>
</body>
</html>